﻿<template>
  <a-modal
    title="编辑移动医保支付"
    :width="900"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel">
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-form-item label="机构编码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入机构编码" v-decorator="['orgcodg']" />
        </a-form-item>
        <a-form-item label="电子凭证机构" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入电子凭证机构" v-decorator="['orgid']" />
        </a-form-item>
        <a-form-item label="人员编号 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入人员编号 " v-decorator="['psnno']" />
        </a-form-item>
        <a-form-item label="险种类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入险种类型" v-decorator="['insutype']" />
        </a-form-item>
        <a-form-item label="医疗机构订单号" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入医疗机构订单号" v-decorator="['medorgord']" />
        </a-form-item>
        <a-form-item label="要续方的原处方流水rxCircFlag " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入要续方的原处方流水rxCircFlag " v-decorator="['initrxord']" />
        </a-form-item>
        <a-form-item label="电子处方流转标志1：电子处方 ，0不是电子处方，默认0， " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入电子处方流转标志1：电子处方 ，0不是电子处方，默认0， " v-decorator="['rxcircflag']" />
        </a-form-item>
        <a-form-item label="开始时间挂号时间" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入开始时间挂号时间" v-decorator="['begntime']" />
        </a-form-item>
        <a-form-item label="证件号码 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入证件号码 " v-decorator="['idno']" />
        </a-form-item>
        <a-form-item label="用户姓名 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入用户姓名 " v-decorator="['username']" />
        </a-form-item>
        <a-form-item label="证件类别字典人员证件类型(psn_cert_type) " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入证件类别字典人员证件类型(psn_cert_type) " v-decorator="['idtype']" />
        </a-form-item>
        <a-form-item label="电子凭证授权 ecToken电子凭证解码返回 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入电子凭证授权 ecToken电子凭证解码返回 " v-decorator="['ectoken']" />
        </a-form-item>
        <a-form-item label="就诊参保地行政区划为空(null)时取用户电子凭证默认参保地 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入就诊参保地行政区划为空(null)时取用户电子凭证默认参保地 " v-decorator="['insucode']" />
        </a-form-item>
        <a-form-item label="住院/门诊号院内唯一流水 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入住院/门诊号院内唯一流水 " v-decorator="['iptotpno']" />
        </a-form-item>
        <a-form-item label="医师编码 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入医师编码 " v-decorator="['atddrno']" />
        </a-form-item>
        <a-form-item label="医师姓名 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入医师姓名 " v-decorator="['drname']" />
        </a-form-item>
        <a-form-item label="科室编码 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入科室编码 " v-decorator="['deptcode']" />
        </a-form-item>
        <a-form-item label="科室名称 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入科室名称 " v-decorator="['deptname']" />
        </a-form-item>
        <a-form-item label="科别 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入科别 " v-decorator="['caty']" />
        </a-form-item>
        <a-form-item label="就诊ID " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入就诊ID " v-decorator="['mdtrtid']" />
        </a-form-item>
        <a-form-item label="医疗类别字典医疗类别(med_type) " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入医疗类别字典医疗类别(med_type) " v-decorator="['medtype']" />
        </a-form-item>
        <a-form-item label="费用类型字典费用类型（feeType） " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入费用类型字典费用类型（feeType） " v-decorator="['feetype']" />
        </a-form-item>
        <a-form-item label="医疗费总额 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入医疗费总额 " v-decorator="['medfeesumamt']" />
        </a-form-item>
        <a-form-item label="个人账户使用标志药店上传费用时必填 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入个人账户使用标志药店上传费用时必填 " v-decorator="['acctusedflag']" />
        </a-form-item>
        <a-form-item label="主要病情描述 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入主要病情描述 " v-decorator="['mainconddscr']" />
        </a-form-item>
        <a-form-item label="病种编码按照标准编码填写：按病种结算病种目录代码(bydise_setl_list_code)、门诊慢特病病种目录代码(opsp_dise_cod)、 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入病种编码按照标准编码填写：按病种结算病种目录代码(bydise_setl_list_code)、门诊慢特病病种目录代码(opsp_dise_cod)、 " v-decorator="['disecodg']" />
        </a-form-item>
        <a-form-item label="病种名称 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入病种名称 " v-decorator="['disename']" />
        </a-form-item>
        <a-form-item label="个人结算方式 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入个人结算方式 " v-decorator="['psnsetlway']" />
        </a-form-item>
        <a-form-item label="收费批次号 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入收费批次号 " v-decorator="['chrgbchno']" />
        </a-form-item>
        <a-form-item label="公立医院改革标志可参考FSI的接口要求 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入公立医院改革标志可参考FSI的接口要求 " v-decorator="['pubhosprfomflag']" />
        </a-form-item>
        <a-form-item label="发票号 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入发票号 " v-decorator="['invono']" />
        </a-form-item>
        <a-form-item label="出院时间yyyy-MM-dd HH:mm:ss " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入出院时间yyyy-MM-dd HH:mm:ss " v-decorator="['endtime']" />
        </a-form-item>
        <a-form-item label="全自费金额住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入全自费金额住院结算时需要 " v-decorator="['fulamtownpayamt']" />
        </a-form-item>
        <a-form-item label="超限价金额住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入超限价金额住院结算时需要 " v-decorator="['overlmtselfpay']" />
        </a-form-item>
        <a-form-item label="先行自付金额住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入先行自付金额住院结算时需要 " v-decorator="['preselfpayamt']" />
        </a-form-item>
        <a-form-item label="符合政策范围金额住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入符合政策范围金额住院结算时需要 " v-decorator="['inscpscpamt']" />
        </a-form-item>
        <a-form-item label="手术操作代码住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入手术操作代码住院结算时需要 " v-decorator="['oprnoprtcode']" />
        </a-form-item>
        <a-form-item label="手术操作名称住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入手术操作名称住院结算时需要 " v-decorator="['oprnoprtname']" />
        </a-form-item>
        <a-form-item label="计划生育服务证号住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入计划生育服务证号住院结算时需要 " v-decorator="['fpscno']" />
        </a-form-item>
        <a-form-item label="晚育标志住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入晚育标志住院结算时需要 " v-decorator="['latechbflag']" />
        </a-form-item>
        <a-form-item label="孕周数住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入孕周数住院结算时需要 " v-decorator="['gesoval']" />
        </a-form-item>
        <a-form-item label="胎次住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入胎次住院结算时需要 " v-decorator="['fetts']" />
        </a-form-item>
        <a-form-item label="胎儿数住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入胎儿数住院结算时需要 " v-decorator="['fetuscnt']" />
        </a-form-item>
        <a-form-item label="早产标志住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入早产标志住院结算时需要 " v-decorator="['pretflag']" />
        </a-form-item>
        <a-form-item label="计划生育手术类别生育门诊按需录入 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入计划生育手术类别生育门诊按需录入 " v-decorator="['birctrltype']" />
        </a-form-item>
        <a-form-item label="计划生育手术或生育日期生育门诊按需录入，yyyy-MM-dd " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入计划生育手术或生育日期生育门诊按需录入，yyyy-MM-dd " v-decorator="['birctrlmatndate']" />
        </a-form-item>
        <a-form-item label="伴有并发症标志住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入伴有并发症标志住院结算时需要 " v-decorator="['copflag']" />
        </a-form-item>
        <a-form-item label="出院科室编码住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入出院科室编码住院结算时需要 " v-decorator="['dscgdeptcodg']" />
        </a-form-item>
        <a-form-item label="出院科室名称住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入出院科室名称住院结算时需要 " v-decorator="['dscgdeptname']" />
        </a-form-item>
        <a-form-item label="出院床位住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入出院床位住院结算时需要 " v-decorator="['dscgded']" />
        </a-form-item>
        <a-form-item label="离院方式住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入离院方式住院结算时需要 " v-decorator="['dscgway']" />
        </a-form-item>
        <a-form-item label="死亡日期yyyy-MM-dd " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入死亡日期yyyy-MM-dd " v-decorator="['diedate']" />
        </a-form-item>
        <a-form-item label="生育类别住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入生育类别住院结算时需要 " v-decorator="['matntype']" />
        </a-form-item>
        <a-form-item label="扩展参数可参考FSI的接口要求 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入扩展参数可参考FSI的接口要求 " v-decorator="['expcontent']" />
        </a-form-item>
        <a-form-item label="中途结算标志字典中途结算标志（mid_setl_flag） " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入中途结算标志字典中途结算标志（mid_setl_flag） " v-decorator="['midsetlflag']" />
        </a-form-item>
        <a-form-item label="入院诊断描述住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入入院诊断描述住院结算时需要 " v-decorator="['admdiagdscr']" />
        </a-form-item>
        <a-form-item label="入院科室编码住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入入院科室编码住院结算时需要 " v-decorator="['admdeptcodg']" />
        </a-form-item>
        <a-form-item label="入院科室名称住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入入院科室名称住院结算时需要 " v-decorator="['admdeptname']" />
        </a-form-item>
        <a-form-item label="入院床位住院结算时需要 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入入院床位住院结算时需要 " v-decorator="['admbed']" />
        </a-form-item>
        <a-form-item label="支付授权码线上授权返回 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入支付授权码线上授权返回 " v-decorator="['payauthno']" />
        </a-form-item>
        <a-form-item label="经纬度格式:经度,纬度如 ：118.096435,24.485407定位失败情况下传：0,0 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入经纬度格式:经度,纬度如 ：118.096435,24.485407定位失败情况下传：0,0 " v-decorator="['uldlatlnt']" />
        </a-form-item>
        <a-form-item label="就诊凭证类型“00” 无就诊介质，“01” 电子凭证，“02”居民身份证，“03”社会保障卡 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入就诊凭证类型“00” 无就诊介质，“01” 电子凭证，“02”居民身份证，“03”社会保障卡 " v-decorator="['mdtrtcerttype']" />
        </a-form-item>
        <a-form-item label="用户参保地行政区划无值(null)时取用户电子凭证设置的默认参保地 " :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入用户参保地行政区划无值(null)时取用户电子凭证设置的默认参保地 " v-decorator="['insuplcadmdvs']" />
        </a-form-item>
        <a-form-item v-show="false"><a-input v-decorator="['iD']" /></a-form-item>
        <a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-date-picker style="width: 100%" placeholder="请选择创建时间" v-decorator="['creatceDate']" @change="onChangecreatceDate"/>
        </a-form-item>
        <a-form-item label="创建者Id" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入创建者Id" v-decorator="['createUserId']" />
        </a-form-item>
        <a-form-item label="创建者名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入创建者名称" v-decorator="['createUserName']" />
        </a-form-item>
        <a-form-item label="更新时间" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-date-picker style="width: 100%" placeholder="请选择更新时间" v-decorator="['modifyDate']" @change="onChangemodifyDate"/>
        </a-form-item>
        <a-form-item label="修改者Id" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入修改者Id" v-decorator="['modifyUserId']" />
        </a-form-item>
        <a-form-item label="修改者名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入修改者名称" v-decorator="['modifyUserName']" />
        </a-form-item>
        <a-form-item label="删除时间" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-date-picker style="width: 100%" placeholder="请选择删除时间" v-decorator="['deleteDate']" @change="onChangedeleteDate"/>
        </a-form-item>
        <a-form-item label="删除者ID" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入删除者ID" v-decorator="['deleteUserId']" />
        </a-form-item>
        <a-form-item label="删除者姓名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
          <a-input placeholder="请输入删除者姓名" v-decorator="['deleteUserName']" />
        </a-form-item>
      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
  import moment from 'moment'
  import {
    Nitf6201InputDataEdit
  } from '@/api/modular/main/Nitf6201InputDataManage'
  export default {
    data () {
      return {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 15 }
        },
        creatceDateDateString: '',
        modifyDateDateString: '',
        deleteDateDateString: '',
        visible: false,
        confirmLoading: false,
        form: this.$form.createForm(this)
      }
    },
    methods: {
      moment,
      // 初始化方法
      edit (record) {
        this.visible = true
        setTimeout(() => {
          this.form.setFieldsValue(
            {
              iD: record.iD,
              orgcodg: record.orgcodg,
              orgid: record.orgid,
              psnno: record.psnno,
              insutype: record.insutype,
              medorgord: record.medorgord,
              initrxord: record.initrxord,
              rxcircflag: record.rxcircflag,
              begntime: record.begntime,
              idno: record.idno,
              username: record.username,
              idtype: record.idtype,
              ectoken: record.ectoken,
              insucode: record.insucode,
              iptotpno: record.iptotpno,
              atddrno: record.atddrno,
              drname: record.drname,
              deptcode: record.deptcode,
              deptname: record.deptname,
              caty: record.caty,
              mdtrtid: record.mdtrtid,
              medtype: record.medtype,
              feetype: record.feetype,
              medfeesumamt: record.medfeesumamt,
              acctusedflag: record.acctusedflag,
              mainconddscr: record.mainconddscr,
              disecodg: record.disecodg,
              disename: record.disename,
              psnsetlway: record.psnsetlway,
              chrgbchno: record.chrgbchno,
              pubhosprfomflag: record.pubhosprfomflag,
              invono: record.invono,
              endtime: record.endtime,
              fulamtownpayamt: record.fulamtownpayamt,
              overlmtselfpay: record.overlmtselfpay,
              preselfpayamt: record.preselfpayamt,
              inscpscpamt: record.inscpscpamt,
              oprnoprtcode: record.oprnoprtcode,
              oprnoprtname: record.oprnoprtname,
              fpscno: record.fpscno,
              latechbflag: record.latechbflag,
              gesoval: record.gesoval,
              fetts: record.fetts,
              fetuscnt: record.fetuscnt,
              pretflag: record.pretflag,
              birctrltype: record.birctrltype,
              birctrlmatndate: record.birctrlmatndate,
              copflag: record.copflag,
              dscgdeptcodg: record.dscgdeptcodg,
              dscgdeptname: record.dscgdeptname,
              dscgded: record.dscgded,
              dscgway: record.dscgway,
              diedate: record.diedate,
              matntype: record.matntype,
              expcontent: record.expcontent,
              midsetlflag: record.midsetlflag,
              admdiagdscr: record.admdiagdscr,
              admdeptcodg: record.admdeptcodg,
              admdeptname: record.admdeptname,
              admbed: record.admbed,
              payauthno: record.payauthno,
              uldlatlnt: record.uldlatlnt,
              mdtrtcerttype: record.mdtrtcerttype,
              insuplcadmdvs: record.insuplcadmdvs,
              createUserId: record.createUserId,
              createUserName: record.createUserName,
              modifyUserId: record.modifyUserId,
              modifyUserName: record.modifyUserName,
              deleteUserId: record.deleteUserId,
              deleteUserName: record.deleteUserName
            }
          )
        }, 100)
        this.form.getFieldDecorator('creatceDate', { initialValue: moment(record.creatceDate, 'YYYY-MM-DD') })
        this.creatceDateDateString = moment(record.creatceDate).format('YYYY-MM-DD')
        this.form.getFieldDecorator('modifyDate', { initialValue: moment(record.modifyDate, 'YYYY-MM-DD') })
        this.modifyDateDateString = moment(record.modifyDate).format('YYYY-MM-DD')
        this.form.getFieldDecorator('deleteDate', { initialValue: moment(record.deleteDate, 'YYYY-MM-DD') })
        this.deleteDateDateString = moment(record.deleteDate).format('YYYY-MM-DD')
      },
      handleSubmit () {
        const { form: { validateFields } } = this
        this.confirmLoading = true
        validateFields((errors, values) => {
          if (!errors) {
            for (const key in values) {
              if (typeof (values[key]) === 'object') {
                values[key] = JSON.stringify(values[key])
              }
            }
            values.creatceDate = this.creatceDateDateString
            values.modifyDate = this.modifyDateDateString
            values.deleteDate = this.deleteDateDateString
            Nitf6201InputDataEdit(values).then((res) => {
              if (res.success) {
                this.$message.success('编辑成功')
                this.confirmLoading = false
                this.$emit('ok', values)
                this.handleCancel()
              } else {
                this.$message.error('编辑失败：' + JSON.stringify(res.message))
              }
            }).finally((res) => {
              this.confirmLoading = false
            })
          } else {
            this.confirmLoading = false
          }
        })
      },
      onChangecreatceDate(date, dateString) {
        this.creatceDateDateString = dateString
      },
      onChangemodifyDate(date, dateString) {
        this.modifyDateDateString = dateString
      },
      onChangedeleteDate(date, dateString) {
        this.deleteDateDateString = dateString
      },
      handleCancel () {
        this.form.resetFields()
        this.visible = false
      }
    }
  }
</script>
